<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="index.css">
</head>

<body>
  <div class="box">This box has a height and a width. This means that if there is too much content to be displayed
    within the assigned height, there will be an overflow situation. If overflow is set to hidden then any overflow
    will not be visible.</div>
  <p>This content is outside of the box.</p>
  <br>
  <br>
  <br>
  <br>
  <br>
  <div class="word">Overflow</div>
</body>

</html>